<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div>
    <section class="clearfix">
        <aside th:if="${examRecord['status']}==2" class="pull-right">
            <span class="fs18 c-danger" id="result-text-box"></span>
        </aside>
        <aside class="pull-left">
            <span class="fs18" th:text="${examRecord['name']}"></span>
        </aside>
    </section>
    <hr>
    <section class="mt20">
        <div class="wbox-content bg-fb pl10 pr10 pt10 pb10">
            <div class="mt10 mb10 ml10 mr10">
                <div id="question-list-box">
                    <!-- 试题内容 -->
                </div>
                <section id="operation-box" class="clearfix">
                    <aside class="pull-right">
                        <a th:if="${examRecord['status']}==1" href="javascript:void(0)" class="c-ccc c-info mr20" id="quitExercises">
                            <i class="fa fa-sign-out"></i>退出练习
                        </a>
                        <button type="button" class="btn btn-outline btn-info ml5" id="prev">上一题</button>
                        <button type="button" class="btn btn-outline btn-info ml5" id="next">下一题</button>
                        <button th:if="${examRecord['status']}==1" type="button" class="btn btn-danger btn-lg ml20" id="finish">交卷</button>
                        <button th:if="${examRecord['status']}==2" type="button" class="btn btn-danger btn-lg ml20" id="quitExercises">关闭</button>
                    </aside>
                    <aside class="pull-left mt10">

                    </aside>
                </section>
                <section class="mt20">
                    <section class="c-head-title">
                        <h6><span class="fs16 c-333">答题卡</span></h6>
                        <hr>
                    </section>
                    <div class="cm-exam-num__wrap mt20">
                        <ul class="clearfix" id="answerSheet">
                            <!-- 答题卡内容 -->
                        </ul>
                    </div>
                </section>
            </div>
        </div>
    </section>
</div>
<input type="hidden" id="status" th:value="${examRecord['status']}"/>
</html>
